<template>
  <v-card>
    <v-card-title class="text-h5">
      账户
    </v-card-title>
    <v-card-text>
      <v-list
          :lines="false"
          density="compact"
          nav
      >
        <v-list-item
            v-for="(item, i) in items"
            :key="i"
            color="primary"
            :to="item.to"
        >
          <template v-slot:prepend>
            <v-icon :icon="item.icon"></v-icon>
          </template>

          <v-list-item-title v-text="item.text"></v-list-item-title>
        </v-list-item>
      </v-list>
    </v-card-text>
  </v-card>

</template>
<script lang="ts" setup>
const items = [
  {
    text: '算力账户',
    icon: 'mdi-folder',
    to:'/pay/account'
  },
  {
    text: '购买算力',
    icon: 'mdi-account-multiple',
    to:'/pay/charge'
  },
  {
    text: '交易记录',
    icon: 'mdi-star',
    to:'/pay/record'
  },
]
</script>

